Bootstrap 5 Grid Template for Adobe XD, by Dan Rodney

---------------------------------------
Support Dan
---------------------------------------
Show Dan some love by donating at: danrodney.com/blog/adobe-xd-bootstrap5-grid


---------------------------------------
Tips for Using the File
---------------------------------------
- To show or hide the column shading, hit Cmd–Shift–'(Mac) or Ctrl–Shift–'(Windows) for View > Show/Hide Layout Grid.
- To show or hide the gutter divider guides, hit Cmd–;(Mac) or Ctrl–;(Windows) for View > Guides > Show/Hide All Guides.


---------------------------------------
How to Customize the Gutter
---------------------------------------
Bootstrap 5 defaults to a 1.5rem (24px) gutter, but that can be changed. To customize that: 
1. Open the file "Calculate Adobe XD Grid Settings.xlsx" and enter the desired gutter width. 
   It will automatically calculate the grid settings you'll need for XD.
1. In XD, select an artboard.
2. In the Property Inspector panel on the right, under Grid enter the new settings (you may have to check the box next to Layout to see the grid settings).